import React from 'react';
import { ConfigProvider } from 'antd';
import zhCN from 'antd/es/locale/zh_CN';
import { Helmet } from 'umi';
import moment from 'moment';
import Empty from '@/pages/pc/components/Empty';
moment.locale('cn');

export const BaseLayout = (props) => {
  const backgroundColor = props.backgroundColor || '#1c3a6a';
  return (
    <div className="layout-wrapper" style={{ minHeight: '100%', backgroundColor }}>
      <Helmet>
        <title>CGJOY课堂 - 专业游戏美术学习平台 - 学动画特效，来CGJOY！</title>
        <meta name="title" content="CGJOY课堂 - 专业游戏美术学习平台 - 学动画特效，来CGJOY！" />
        <meta name="keywords" content="CGJOY课堂教程,动画,特效,UE,Unity,虚幻引擎,3dmax,maya" />
        <meta
          name="description"
          content="CGJOY课堂 - 专业游戏美术学习平台,拥有全球领先的课程体系，提供3dsmax动画、maya动画、虚幻游戏特效、unity游戏特效、动作捕捉、技术美术、虚幻买量视频、游戏UI、游戏原画等多个领域的优质课程。"
        />
      </Helmet>
      <ConfigProvider
        locale={zhCN}
        renderEmpty={() => {
          return (
            <Empty
              text={
                (
                  <div>
                    <p>暂无内容</p>
                    {/* <p>请【新建章节】或上传课时</p> */}
                  </div>
                ) as any
              }
              style={{ margin: '100px auto' }}
            />
          );
        }}
      >
        {props.children}
      </ConfigProvider>
    </div>
  );
};

export default BaseLayout;
